<template>
    <baidu-map class="bm-view" :zoom="zoomnum" :center="{lng: 116.404, lat: 39.915}"  >
    </baidu-map>
  
  </template>

  
  <style>
  .bm-view {
    width: 100%;
    height: 300px;
  }
  </style>
<script lang="ts">
import { ref } from 'vue';
 import { type ComponentSize, type FormInstance, type FormRules, ElMessage, ElMessageBox } from 'element-plus'

const zoomnum = ref(12)
const setZoom=()=>{
  alert(zoomnum)
  zoomnum.value ++;
}
</script>